@media screen and (min-width: 1440px) and (max-width: 1600px){

    .w1200{width: 96%}
    .w1600{width: 96%;}


    .list01 .list{margin-right: -3%;}
    .list01 .list li{width: 47%; margin-right: 3%; padding: 90px 20% 90px 40px;}
    .list01 .list li h1{font-size: 26px;}
    .list01 .list .li01{background: #fff url("../image/img03.png") no-repeat right bottom; background-size: 50%}
    .list01 .list .li02{background: #fff url("../image/img02.png") no-repeat right bottom; background-size: 46%; padding: 90px 13% 90px 40px;}

    .list02{margin-top: 10px;}
    .list02 .list{margin-right: -3%;}
    .list02 .list li{width: 47%; margin-right: 3%; padding: 90px 20% 90px 40px;}
    .list02 .list li h1{font-size: 26px;}
    .list02 .list .li01{background: #fff url("../image/img01.png") no-repeat right bottom; background-size: 40%}
    .list02 .list .li02{background: #fff url("../image/img04.png") no-repeat right bottom; background-size: 50%}

	
	
	/*----list03----*/
	.list03{margin-top: 40px;}
	.list03 .list03_con .list{list-style: none; margin-right: -4%}
	.list03 .list03_con .list li{width: 46%; float: left; margin-right: 4%;}
	.list03 .list03_con .list li h1{font-size: 26px;}

	.list03 .list03_con .list li .img{width: 100%; height: 300px; margin-top: 20px; overflow: hidden}
	.list03 .list03_con .list li .img img{width: 100%;}

	
	
    /*---------*/
    .listliu{width: 90%; margin: 50px auto 20px auto; height: auto; padding: 40px 0;}

    .list_bom{width: 50%;}
    .listliuright{width: 50%;}

    .swiper-buttonabout-next{right: 2%!important;}
    .swiper-buttonabout-prev{left: 2%!important;}

    .list04{margin-top: 60px; }
    .list04 .li{height: 420px; padding: 60px 0;}
    .list04 .li h1{font-size: 32px; margin-bottom: 30px;}
    .list04 .li p{font-size: 20px; line-height: 36px;}
    .list04 .w1600{padding-left: 20px;}


    .list05 .list{margin-right: -2%;}
    .list05 .list li{width: 30%; margin-right: 2%;}
    .list05 .list li:nth-child(2){width: 66%;}
    .list05 .list li h1{font-size: 26px;}


    .about_data{padding: 50px 20px 50px 50px;}
    .about_data .li:nth-child(4){width: 21%}
    .about_data .li:nth-child(5){width: 19%}


    .page_service .service_con .service_left{padding: 40px 40px 20px 40px;}
    .page_service .service_con .service_left h1{margin-bottom: 20px;}
    .page_service .service_con .service_left h6{margin-bottom: 4px; margin-top: 10px;}
    .page_service .service_con .service_c{padding: 30px 20px 0 40px}

    .page_news .news_left{width: 72%; margin-right: 2%;}
    .news_right{width: 26%; padding: 40px 20px;}

    .page_newshow .news_left{width: 72%; margin-right: 2%;}
	
	.page_newshow .news_left .newshow_con img{max-width: 860px;}

    .page_productshow{margin-top: 60px; padding: 60px 60px 100px 60px;}
    .imgliu{width: 45%; margin-right: 5%; height: auto; border-radius: 10px;}
    .product_titleright{width: 50%;}
	
	/* net_map */
    .net_map .w1600{width: 1366px;}
    .net_map .net_map_con .img img{width: 100%;}
    .net_map .net_map_con .svg_map svg{width: 940px; height: 460px;}
	
	.about_mark{background-size: 44%}

}


@media screen and (min-width: 1280px) and (max-width: 1366px){

    .w1200{width: 96%}
    .w1600{width: 96%;}

    .footer{padding: 20px 0}
    .footer .footer_nav{width: 35%;}
    .footer .footer_nav li a{padding: 0 8px;}
    .footer .footer_con{width: 45%;}

    .a_link{font-size: 15px; margin-top: 40px;}

    .list01 .list{margin-right: -3%;}
    .list01 .list li{width: 47%; height: 400px; margin-right: 3%; padding: 80px 21% 80px 40px;}
    .list01 .list li h1{font-size: 22px; margin-bottom: 30px;}
    .list01 .list li p{font-size: 15px;}
    .list01 .list .li01{background: #fff url("../image/img03.png") no-repeat right bottom; background-size: 46%}
    .list01 .list .li02{background: #fff url("../image/img02.png") no-repeat right bottom; background-size: 46%;}
	
	.list01 .list .li01 .a_top{margin-top: 80px;}

    .list02{margin-top: 0;}
    .list02 .list{margin-right: -3%;}
    .list02 .list li{width: 47%; height: 400px; margin-right: 3%; padding: 80px 21% 80px 40px;}
    .list02 .list li h1{font-size: 22px; margin-bottom: 30px;}
    .list02 .list li p{font-size: 15px;}
    .list02 .list .li01{background: #fff url("../image/img01.png") no-repeat right bottom; background-size: 40%}
    .list02 .list .li02{background: #fff url("../image/img04.png") no-repeat right bottom; background-size: 50%}
	
	.list02 .list .li02 .a_top{margin-top: 68px;}

    /*---------*/
    .swiper-containerliu .listliu{padding: 60px 70px}

    .list_bom{width: 50%;}
    .listliuright{width: 50%;}

    .listliuleftcont p{font-size: 16px; line-height: 30px;}
    .listliulefthref{margin-top: 80px;}

    .swiper-container1{height: auto; margin-top: 40px;}

    .listliuleftimg{width: 220px;}

    .swiper-buttonabout-next{right: 1%!important;}
    .swiper-buttonabout-prev{left: 1%!important;}



    .list04{margin-top: 50px; }
    .list04 .li{height: 360px; padding: 50px 0;}
    .list04 .li h1{font-size: 26px; margin-bottom: 30px;}
    .list04 .li p{font-size: 18px; margin-right: 50%; line-height: 36px;}
    .list04 .w1600{padding-left: 20px;}

    .list05 .list{margin-right: -2%;}
    .list05 .list li{width: 30%; margin-right: 2%; padding: 40px 40px 30px 40px;}
    .list05 .list li:nth-child(2){width: 66%;}
    .list05 .list li h1{font-size: 22px;}
    .list05 .list li .p b{font-size: 36px;}
    .list05 .list li .news_list li h1{font-size: 15px;}
    .list05 .list .li02{background: #fff url("../image/img07.png") no-repeat right bottom; background-size: 40%;}

    .page_banner .banner_bg .page_t h1{font-size: 46px; letter-spacing: 12px;}

    .page_about{margin-bottom: 40px; padding: 60px 40px 10px 40px;}
    .page_about .about_right{margin-top: 46px}
	.about_mark{padding: 40px}

    .about_data{margin-bottom: 30px; padding: 50px 30px 50px 40px;}
    .about_data .li span{font-size: 50px;}


    .page_culture{padding: 60px 40px; background: #fff url("../image/img12.jpg") no-repeat bottom right;}

    .page_service .service_con{margin-top: 60px; padding: 20px;}
    .page_service .service_con .service_left{padding: 0 20px 0 20px;}
    .page_service .service_con .service_left h1{margin-bottom: 20px;}
    .page_service .service_con .service_left h6{margin-bottom: 4px; margin-top: 10px;}
    .page_service .service_con .service_c{padding: 0 20px 0 20px;}

    .page_network .net_list .list li{width: 13%; margin:0 0.5% 20px 0.5%;}
    .page_network .net_list .list li:nth-child(1),.page_network .net_list .list li:nth-child(8),.page_network .net_list .list li:nth-child(15){
        margin: 0 0.5% 20px 0.5%!important;}
    .page_network .net_list .list li:nth-child(7),.page_network .net_list .list li:nth-child(14),.page_network .net_list .list li:nth-child(21){
        margin: 0 0.5% 20px 0.5%!important;}

    .page_product .product_list .list{margin-right: -2%;}
    .page_product .product_list .list li{width: 31.3333%; margin-right: 2%;}

    .page_news .news_left{width: 72%; margin-right: 2%; padding: 40px 40px 30px 40px;}
    .news_right{width: 26%; padding: 40px 20px;}

    .page_newshow .news_left{width: 72%; margin-right: 2%;}
	.page_newshow .news_left .newshow_con img{max-width: 740px;}

    .page_productshow{margin-top: 60px; padding: 60px 60px 100px 60px;}
    .imgliu{width: 45%; margin-right: 5%; height: auto; border-radius: 10px;}
    .product_titleright{width: 50%;}

    .page_hr .hr_con .hr_left{padding: 60px 60px 0 60px}
	
	.page_contact .contact_adds .list li{width: 48%; margin-right: 2%}
	
	.net_mark .net_mark_top .top_right{padding-top: 60px}
	.net_mark .net_mark_top .top_left h4{padding-right: 0;}
	
	.net_map .net_logo{width: 300px; height: 60px;}
	.net_map .data .data_left h4{padding-right: 40%}
	
	/* net_map */
    .net_map .w1600{width: 1200px;}
    .net_map .net_map_con .img img{width: 100%;}
    .net_map .net_map_con .svg_map svg{width: 820px; height: 420px;}
	
	.about_mark{background-size: 50%; background-position: 110% 0}

}

@media screen and (min-width: 1024px) and (max-width: 1279px){

    .w1200{width: 96%}
    .w1600{width: 96%;}

    .footer{padding: 10px 0}
    .footer .footer_nav{display: none}
    .footer .footer_con{width: 60%; margin: 0 auto; float: none}
    .footer .footer_logo{display: none}

    .a_link{font-size: 14px; margin-top: 30px;}

    .list01 .list{margin-right: -2%;}
    .list01 .list li{width: 48%; height: 320px; margin-right: 2%; padding: 50px 12% 50px 20px;}
    .list01 .list li h1{font-size: 20px; margin-bottom: 20px;}
    .list01 .list li p{font-size: 14px;}
    .list01 .list .li01{background: #fff url("../image/img03.png") no-repeat right bottom; background-size: 50%}
    .list01 .list .li02{background: #fff url("../image/img02.png") no-repeat right bottom; background-size: 50%; padding: 50px 12% 50px 20px;}
	
	.list01 .list .li01 .a_top{margin-top: 58px;}

    .list02{margin-top: 0;}
    .list02 .list{margin-right: -2%;}
    .list02 .list li{width: 48%; height: 320px; margin-right: 2%; padding: 50px 12% 50px 20px;}
    .list02 .list li h1{font-size: 20px; margin-bottom: 20px;}
    .list02 .list li p{font-size: 14px;}
    .list02 .list .li01{background: #fff url("../image/img01.png") no-repeat right bottom; background-size: 36%}
    .list02 .list .li02{background: #fff url("../image/img04.png") no-repeat right bottom; background-size: 50%}
	
	.list02 .list li .a_link{margin-top: 50px}

    /*---------*/
    .swiper-containerliu .listliu{padding: 50px}
    .list_bom{width: 50%;}
    .listliuright{width: 50%;}
    .listliuleftcont p{font-size: 14px; line-height: 24px;}
    .listliulefthref{margin-top: 40px; font-size: 15px;}
    .swiper-buttonabout-next{right: 1%!important; width: 40px !important; height: 40px !important;}
    .swiper-buttonabout-prev{left: 1%!important; width: 40px !important; height: 40px !important;}
    .listliuleftcontainer{width: 43%; margin-left: 2%;}
    .listliuleftimg{width: 100%;}
    .listliulefttitle{font-size: 20px; padding-left: 50px;}
    .swiper-container1{height: auto; margin-top: 60px;}

    .list04{margin-top: 30px; }
    .list04 .li{height: 320px; padding: 50px 0;}
    .list04 .li h1{font-size: 20px; margin-bottom: 30px;}
    .list04 .li p{font-size: 16px; margin-right: 40%; line-height: 36px;}
    .list04 .w1600{padding-left: 20px;}

    .listliulefthref{font-size: 14px !important; text-align: center; width: 130px; height: 40px; margin-top: 40px !important; color: #fff; line-height: 40px; margin-left: 0;}
    .list_top .listliulefthref{margin-top: 80px !important;}

    .list05{margin-top: 40px; padding-bottom: 40px;}
    .list05 .list{margin-right: -2%;}
    .list05 .list li{width: 36%; margin-right: 2%; padding: 40px 40px 30px 40px;}
    .list05 .list li:nth-child(2){width: 60%;}
    .list05 .list li h1{font-size: 20px; margin-bottom: 30px;}
    .list05 .list li .p b{font-size: 30px;}
    .list05 .list li .news_list li h1{font-size: 14px;}
    .list05 .list .li02{background: #fff url("../image/img07.png") no-repeat right bottom; background-size: 30%;}

    /*----page_banner----*/
    .page_banner{height: 260px;}
    .page_banner .banner_bg .page_t{padding-top: 110px;}
    .page_banner .banner_bg .page_t h1{font-size: 32px; letter-spacing: 4px;}

    .page_company{padding-top: 30px;}

    .page_about{margin-bottom: 40px;}
    .page_about .about_left{width: 100%; margin-right: 0; margin-bottom: 10px}
	.page_about .about_right{width: 100%;}
	
	.about_data .li{width: 50%;}
	.about_data .li:nth-child(1){width: 50%}

    .about_data{margin-bottom: 30px; padding: 40px 30px 40px 40px;}
    .about_data .li span{font-size: 40px;}
	.about_data .li:nth-child(2){width: 50%;}
	.about_data .li:nth-child(4){width: 50%;}
	
	.about_mark{background: #fff; padding: 50px 40px 40px 50px;}
	
	.page_course{padding: 50px 40px 40px 50px;}
	

    .page_culture{padding: 40px 40px 120px 40px; background: #fff url("../image/img12.jpg") no-repeat bottom right;}
    .page_culture .culture_con{padding-right: 10%;}
    .page_culture .culture_con h1{font-size: 20px; margin-bottom: 20px;}
    .page_culture .culture_con p{font-size: 14px; line-height: 22px; margin-bottom: 6px;}

    .page_honor{margin-top: 30px; padding: 20px 30px;}

    .page_service .service_con{margin-top: 60px; padding: 20px;}
    .page_service .service_con .service_left{padding: 0 20px 0 20px;}
    .page_service .service_con .service_left h1{margin-bottom: 20px;}
    .page_service .service_con .service_left h6{margin-bottom: 4px; margin-top: 10px;}
    .page_service .service_con .service_left p{font-size: 13px; line-height: 22px; margin-bottom: 6px;}
    .page_service .service_con .service_c{padding: 0 20px 0 20px;}
	
    .page_tender{padding: 30px 20px;}
    .page_tender .tender_left{padding: 60px 40px;}
	.page_tender .tender_right{padding: 60px 40px;}

    .page_network .net_list .list li{width: 13%; margin:0 0.5% 20px 0.5%;}
    .page_network .net_list .list li:nth-child(1),.page_network .net_list .list li:nth-child(8),.page_network .net_list .list li:nth-child(15){
        margin: 0 0.5% 20px 0.5%!important;}
    .page_network .net_list .list li:nth-child(7),.page_network .net_list .list li:nth-child(14),.page_network .net_list .list li:nth-child(21){
        margin: 0 0.5% 20px 0.5%!important;}

    .page_product{margin-top: 30px; padding: 30px 20px;}
    .page_product .product_list .list{margin-right: -1%;}
    .page_product .product_list .list li{width: 32.3333%; margin-right: 1%;}

    .page_productshow{margin-top: 60px; padding: 30px 20px 100px 20px;}
    .product_titleright h1{font-size: 22px;}

    .imgliu{width: 45%; margin-right: 5%; height: auto; border-radius: 10px;}
    .product_titleright{width: 50%;}

    .product_titlerightlist p{margin: 12px 0; font-size: 15px !important; font-weight: normal;}

    .p_a{font-size: 18px !important; font-weight:normal !important;}
    .p_c{font-size:15px !important; font-weight:normal !important;}
    .p_c p{font-size:15px !important; font-weight:normal !important; line-height: 22px !important;}
    .p_d{font-size:16px !important; font-weight:normal !important;}
    .p_img{width: 100% !important;}

    .product_titlerightlist1 p:after{top: 0; margin-top: 4px;}

    .page_productshow .productshow_con a{margin: 0 20px 20px 0;}

    .product_titleright1{ padding-bottom: 20px;}
    .product_titleright1 h1{font-size: 18px; font-weight: bold;}
    .product_titlerightlist2 p{margin: 12px 0; font-size: 15px; font-weight: normal;}
    .product_titleright_title1{margin-top: 10px; }

    /*----page_investor----*/
    .page_investor{margin-top: 30px; padding: 30px 20px;}

    .page_investor .investor_left{width: 48%;}
    .page_investor .investor_left .stock_name{padding: 20px;}
    .page_investor .investor_left .stock_name h1{font-size: 20px;}
    .page_investor .investor_left .stock_con .stock_li{margin-left:-130px;}

    .page_investor .investor_right{width: 52%;}
    .page_investor .investor_right .annals_title{padding: 20px;}
    .page_investor .investor_right .annals_title h1{font-size: 20px;}
    .page_investor .investor_right .annals_list{padding-top: 30px; padding-left: 10px; padding-bottom: 30px;}
    .page_investor .investor_right .annals_link a{padding: 20px;}


    .page_news{margin-top: 30px;}
    .page_news .news_left{width: 68%; margin-right: 2%; padding: 40px 40px 30px 40px;}
    .news_right{width: 30%; padding: 40px 20px;}

    .page_newshow{margin-top: 30px; padding-bottom: 30px;}
    .page_newshow .news_left{width: 68%; margin-right: 2%; padding: 40px 20px 40px 20px;}
	.page_newshow .news_left .newshow_con img{max-width: 600px;}

    .page_contact{padding-top: 30px;}
    .page_contact .contact_service{padding: 50px 0;}
    .page_contact .contact_service h1{font-size: 20px;}
    .page_contact .contact_service h6{font-size: 16px; line-height: 26px;  margin-right: 45%;}
    .page_contact .contact_service p{font-size: 16px;}
	
	.page_contact .contact_add .list li{padding: 40px 30px; background-size: 0}

    .page_message{width: 70%; margin-left: 0;}

    .page_search{margin-top: 30px; padding: 30px;}

    /*----page_hr----*/
    .page_hr .hr_con{margin-top: 40px;}
    .page_hr .hr_con .hr_left{width: 55%; padding: 40px 40px 0 40px}
    .page_hr .hr_con .hr_left p{font-size: 18px;}
    .page_hr .hr_con .hr_right{width: 45%;}

    .page_hr .hr_list{padding: 20px;}

	.page_contact .contact_add{margin-bottom: 30px;}
	.page_contact .contact_adds{margin: 30px 0}
    .page_contact .contact_adds .list li{width: 46%; margin-right: 4%}
	
	.net_mark .net_mark_top .top_left{width: 100%; padding: 40px 40px 20px 40px}
	.net_mark .net_mark_top .top_left h1{font-size: 28px;}
	.net_mark .net_mark_top .top_left h4{font-size: 28px; margin-bottom: 30px}

	.net_mark .net_mark_top .top_right{width: 80%}
	
	.net_mark .net_mark_bottom .list{margin-right: -2%}
    .net_mark .net_mark_bottom .list li{width: 31.3333%; margin-right: 2%; margin-bottom: 20px}
	
	.net_map .net_logo{width: 250px; height: 50px;}
	.net_map .data .data_left h3{font-size: 18px; }
	.net_map .data .data_left h4{font-size: 16px; padding-right: 30%}
	
	/* net_map */
    .net_map .w1600{width: 92%;}
	.net_map .net_map_con{padding: 20px 0;}
    .net_map .net_map_con .img .img01{display: none;} 
    .net_map .net_map_con .img .img02{display: block;} 
    .net_map .net_map_con .svg_map{display: none;}
	
}


@media screen and (max-width: 479px) {

    .w1200{width: 94%;}
    .w1600{width: 94%;}

    /*----header----*/
    .header{height: 80px; background: #fff;}

    .header .header_top{height: 30px;}
    .header .header_top a{height: 30px; font-size: 13px; line-height: 30px;}
    .header .header_top .en:before{margin: 10px -16px 0 0}

    .header .logo{width: 152px; height: 40px; margin: 5px 0 0 0;}
    .header .logo span{display: none}

    .nav{width: 220px; height: 100%; position: fixed; background: #f0f0f0; top: 0; left: -220px; margin-top: 80px;}
    .nav .nav_bar{list-style: none; margin-right: 0; padding-top: 40px;}
    .nav .nav_bar li{width: 100%; margin: 2px 0; text-align: left}
    .nav .nav_bar li:before{content: ""; display: block; width: 100%; height: 50px; background: transparent; position: absolute; top: 0; left: 0; z-index: 2}
    .nav .nav_bar li >a{font-size: 14px; color: #333; padding: 0 0 0 50px; line-height: 50px;}
    .nav .nav_bar li.on >a{background: #ba481b; color: #fff;}
    .nav .nav_bar li:hover >a{background: #ba481b; color: #fff;}

    .nav .nav_bar li:nth-child(1):before{display: none}
    .nav .nav_bar li:nth-child(4):before{display: none}
    .nav .nav_bar li:nth-child(5):before{display: none}
    .nav .nav_bar li:nth-child(6):before{display: none}

    .nav .nav_son{width: 100%; height: 0; position: relative; top: 0; left: 0; margin: 0; border-top: 0; opacity: 0; visibility: hidden; }
    .nav .nav_son .son_li a{font-size: 13px; text-align: left; height: 42px; line-height: 42px; border-bottom: none; padding-left: 60px; margin-top: 2px; box-sizing: border-box}
    .nav .nav_son .son_li a:hover{background: #ba481b; color: #fff;}

    .nav .nav_son .son_li .nav_sub{display: none}

    .nav.nav_on{left: 0;}

    .nav .nav_son.sub_on{margin: 0; height: auto; opacity: 1; visibility: visible}

    .header_link{display: none}

    .header .button{display: block}

    .mini{height: 80px;}
    .mini .logo{margin: 5px 0 0 0; }
    .mini .nav{margin: 80px 0 0 0;}

    /*----footer----*/
    .footer{background: #181818; padding: 20px 0}
    .footer .footer_nav{display: none}
    .footer .footer_con{width: 100%; text-align: center}
    .footer .footer_con span{line-height: 26px;}
    .footer .footer_con span a{margin: 0 10px;}
    .footer .footer_logo{display: none}

    /*----banner----*/
    .banner{padding-top: 80px;}

    .a_link{font-size: 14px; padding: 10px 0; margin-top: 30px;}
    .a_link i{font-size: 14px;}


    /*----list01----*/
    .list01{margin-top: 30px; padding: 10px 0 0 0}
    .list01 .list{margin-right: 0;}
    .list01 .list li{width: 100%; height: 280px; margin-right: 0; margin-bottom: 20px; padding: 30px 20px; border-radius: 0;}
    .list01 .list li h1{font-size: 18px;  margin-bottom: 20px;}
    .list01 .list li p{font-size: 14px; line-height: 24px;}
    .list01 .list .li01{background: #fff url("../image/img03.png") no-repeat right bottom; background-size: 50%}
    .list01 .list .li02{background: #fff url("../image/img02.png") no-repeat right bottom; background-size: 50%; padding: 30px 20px;}

    /*----list02----*/
    .list02{margin-top: 0; padding: 0 0 10px 0}
    .list02 .list{margin-right: 0;}
    .list02 .list li{width: 100%; height: 260px; margin-right: 0; padding: 30px 20px; border-radius: 0; margin-bottom: 20px}
    .list02 .list li h1{font-size: 18px;  margin-bottom: 20px;}
    .list02 .list li p{font-size: 14px; line-height: 24px;}
    .list02 .list .li01{background: #fff;}
    .list02 .list .li02{background: #fff url("../image/img04.png") no-repeat right bottom; background-size: 40%}


    /*---------*/
    .swiper-containerliu{margin: 0 auto}

    .swiper-containerliu .listliu{padding: 30px 10px}

    .listliuleftcontainer{width: 40%; margin-left: 0;}
    .listliuleftimg{width: 100%;}
    .listliulefttitle{font-size: 18px; padding-left: 30px;}
    .listliulefttitle:after{width: 26px;}
    .listliuleftcont p{font-size: 14px; line-height: 24px; padding: 0 10px;}

    .swiper-containerliu .listliu .list_l .listliulefthref{margin-top: 20px; border-radius: 0; width: 120px; height: 32px; margin-left: 0; line-height: 32px; font-weight: normal}

    .list_bom{padding-bottom: 20px;}

    .swiper-containerliu .listliu .list_r{width: 100%; padding: 0;}
    .swiper-container1{height: auto; border-radius: 0;}

    .swiper-button-prev, .swiper-button-next{display: none}
	
	.swiper-containerliu .listliu .list_l .listliuleftcont{font-size: 14px; line-height: 26px; margin: 16px 0; }


    /*----list04----*/
    .list04{margin-top: 20px; }
    .list04 .li{width: 100%; height: 280px !important; padding: 40px 0;}
    .list04 .li h1{font-size: 18px; margin-bottom: 20px;}
    .list04 .li p{font-size: 14px; line-height: 24px; margin-right: 0;}
    .list04 .li p i{font-size: 16px; color: #fff; padding-right: 4px;}

    .list04 .w1600{height: auto !important; padding-left: 10px;}

    .swiper-containerliu .listliu .list_l{width: 100%;}
    .listliulefthref{font-size: 14px !important; text-align: center; width: 130px; height: 40px; margin-top: 40px; color: #fff; line-height: 40px; margin-left: 10px;}
    .list_top .listliulefthref{margin-top: 100px;}



    /*----list05----*/
    .list05{margin-top: 20px; padding-bottom: 30px;}
    .list05 .list{margin-right: 0;}
    .list05 .list li{width: 100%; margin-right: 0; padding: 30px 20px; border-radius: 0; margin-bottom: 20px;}
    .list05 .list li:nth-child(2){width: 100%;}
    .list05 .list li h1{font-size: 18px; margin-bottom: 20px;}
    .list05 .list li p{font-size: 14px; line-height: 24px; margin-bottom: 40px;}
    .list05 .list li .p{margin-bottom: 20px; padding-right: 50%;}
    .list05 .list li .p b{font-size: 28px;}
    .list05 .list .li02{background: #fff}

    .list05 .list li .news_list li h1{font-size: 15px;}


    /*----page_con----*/
    .page_con{padding-bottom: 30px;}

    /*----page_banner----*/
    .page_banner{height: 160px; border-radius: 0; box-shadow: none}
    .page_banner .banner_bg .page_t{padding-top: 60px;}
    .page_banner .banner_bg .page_t h1{font-size: 24px; letter-spacing: 10px;}

    /*----page_about----*/
    .page_company{padding-top: 30px;}

    .page_about{margin-bottom: 20px; padding: 30px 10px; border-radius: 0; box-shadow: none;}
	.page_about .about_left{width: 100%}
    .page_about .about_left h1{font-size: 18px; font-weight: normal; margin-bottom: 20px;}
    .page_about .about_left p{font-size: 14px;}
	
	.page_about .about_right{width: 100%;}
	
	.about_mark{background: #fff}
	
	.page_course{padding: 20px; border-radius: 0; box-shadow: none;}
	.page_course h1{font-size: 18px; font-weight: normal; margin-bottom: 20px;}
	
	.page_course .course_con{height: 200px}
	
	.page_course .course_con .li:nth-child(even) .line{height: 10px}
	.page_course .course_con .li:nth-child(even).slick-active .line{height: 40px}
	

    .about_data{margin-bottom: 20px; padding: 10px 20px 20px 20px; border-radius: 0; box-shadow: none;}
    .about_data .li{width: 100%;}
    .about_data .li span{font-size: 38px;}
    .about_data .li:nth-child(1){width: 100%}
    .about_data .li:nth-child(4){width: 100%}

    .page_culture{padding: 30px 20px 180px 20px; border-radius: 0; box-shadow: none;}
    .page_culture .culture_con{padding-right: 0;}
    .page_culture .culture_con h1{font-size: 18px; font-weight: normal; margin-bottom: 20px;}
    .page_culture .culture_con p{font-size: 14px;}

    /*----page_honor----*/
    .page_honor{margin-top: 10px; padding: 20px 0; border-radius: 0; box-shadow: none}
    .page_honor h3{font-size: 18px; margin-bottom: 26px;}
    .page_honor .list{margin-right: -2%}
    .page_honor .list li{width: 48%; margin-right: 2%;}
    .page_honor .list li p{padding: 6px 0;}

    /*----page_service----*/
    .page_service .service_con{margin-top: 20px;  border-radius: 0; box-shadow: none;}
    .page_service .service_con .service_left{width: 100%; padding: 30px 20px; background: #fff;}
    .page_service .service_con .service_left h1{font-size: 18px; margin-bottom: 20px; padding-left: 40px; background: url("../image/logoi.png") no-repeat; background-size: 31px 26px;}
    .page_service .service_con .service_c{padding: 30px 20px}
    .page_service .service_con .service_right{width: 100%;}
	
	
	/*----page-tender----*/
    .page_tender{margin-top: 20px; padding: 20px 0; border-radius: 0; box-shadow: none}
	.page_tender .tender_left{width: 100%; margin-right: 0; padding: 40px 20px; margin-bottom: 20px;}
	.page_tender .tender_left .ico{margin: 0 auto 30px auto}
	.page_tender .tender_left .ico i{font-size: 60px;}
	.page_tender .tender_right{width: 100%; margin-right: 0; padding: 40px 20px;}
	.page_tender .tender_right .ico{margin: 0 auto 30px auto}
	.page_tender .tender_right .ico i{font-size: 60px; }
	
	

    /*----page_network----*/
    .page_network{margin-top: 30px; padding: 0; border-radius: 0; box-shadow: none;}

    .page_network .net_map{width: 100%; margin-bottom: 20px;}


    .page_network .net_list .list{margin-right: -2%}
    .page_network .net_list .list li{width: 48%; margin: 0 2% 10px 0 !important;}

    .page_network .net_list .list li:nth-child(1),.page_network .net_list .list li:nth-child(8),.page_network .net_list .list li:nth-child(15){
        margin: 0 2% 10px 0 !important;
    }
    .page_network .net_list .list li:nth-child(7),.page_network .net_list .list li:nth-child(14),.page_network .net_list .list li:nth-child(21){
        margin: 0 2% 10px 0 !important;
    }
	
	.net_map .data{padding-top: 20px; padding-left: 0}
	.net_map .net_logo{width: 200px; height: 40px;}
	.net_map .data .data_left{width: 100%}
	.net_map .data .data_left h3{font-size: 14px; font-weight: normal;}
	.net_map .data .data_left h3 i{font-size: 20px;}
	.net_map .data .data_left h2{font-size: 16px; font-weight: normal; margin-top: 10px}
	.net_map .data .data_left h4{font-size: 14px; padding-right: 10%}
	.net_map .data .data_left h4 i{font-size: 20px; font-weight: normal;}
	
	
	.net_map .w1600{width: 100%;}
    .net_map .net_map_con{padding: 20px 0 0 0;}
    .net_map .net_map_con .img .img01{display: none;} 
    .net_map .net_map_con .img .img02{display: block;} 
    .net_map .net_map_con .svg_map{display: none;}
	

    /*----page_product----*/
    .pro_link{margin-bottom: 30px;}
    .pro_link a{font-size: 13px;  padding: 10px 10px;}
    .page_product{margin-top: 30px; border-radius: 0; padding: 0; box-shadow: none; background: transparent}
    .page_product .product_list .list{margin-right: -2%;}
    .page_product .product_list .list li{width: 48%; margin-right: 2%; margin-bottom: 20px;}
    .page_product .product_list .list li .txt{height: 50px; padding: 6px 0 6px 6px; border-bottom: none; background: #ba481b; margin-bottom: 10px;}
    .page_product .product_list .list li .txt span{display: none}
    .page_product .product_list .list li .txt:before{display: none}
    .page_product .product_list .list li .txt:after{display: none}
    .page_product .product_list .list li .txt h1{font-size: 13px; margin-left: 0; float: none}


    /*------------------------------------------------------------------------------------------------------------*/
    /*----page_productshow----*/
    .page_productshow{margin-top: 30px; border-radius: 0; padding: 0; background: transparent; box-shadow: none;}
    .page_productshow .productshow_con{padding-bottom: 60px;}

    .imgliu{width: 100%; height: auto; margin-bottom: 20px; border-radius: 10px;}
    .product_titleright{float: right; width: 100%;}
    .product_titleright h1{font-size: 18px; font-weight: bold;}
    .product_titlerightlist p{margin: 12px 0; font-size: 15px !important; font-weight: normal;}

    .p_a{font-size: 18px !important; font-weight:normal !important;}
    .p_c{font-size:15px !important; font-weight:normal !important;}
    .p_c p{font-size:15px !important; font-weight:normal !important; line-height: 22px !important;}
    .p_d{font-size:16px !important; font-weight:normal !important;}
    .p_img{width: 100% !important;}

    .product_titlerightlist1 p:after{top: 0; margin-top: 4px;}

    .page_productshow .productshow_con a{margin: 0 20px -10px 0;}

    .imgliu1{height: auto; border-radius: 10px;}
    .product_titleright1{ padding-bottom: 20px;}
    .product_titleright1 h1{font-size: 18px; font-weight: bold;}
    .product_titlerightlist2 p{margin: 12px 0; font-size: 15px; font-weight: normal;}
    .product_titleright_title1{margin-top: 10px; }



    /*---------------------------------------------------------------------------------------------*/
	.net_mark{margin-bottom: 20px}
    .net_mark .net_mark_top .top_left{width: 100%; padding: 20px 10px 20px 20px}
	.net_mark .net_mark_top .top_left h1{font-size: 20px;}
	.net_mark .net_mark_top .top_left h4{font-size: 20px; padding-right: 0; margin-bottom: 20px}
	.net_mark .net_mark_top .top_left h6{font-size: 14px;}
	
	.net_mark .net_mark_top .top_right{width: 100%}
	
	.net_mark .net_mark_bottom:before{height: 50px; background: url(../image/net_map1.png) no-repeat left; background-size: cover; margin-top: -40px}
	
	.net_mark .net_mark_bottom{padding: 20px}
	.net_mark .net_mark_bottom .list{margin-right: -2%}
    .net_mark .net_mark_bottom .list li{width: 48%; margin-right: 2%; margin-bottom: 10px}
	.net_mark .net_mark_bottom .list li h4{font-size: 14px;}
    .net_mark .net_mark_bottom .list li h6{font-size: 12px;}
	
	
	.page_network .net_list{padding: 20px}
	
	.page_network .net_map{padding: 20px}

    /*----page_investor----*/
    .page_investor{margin-top: 30px; border-radius: 0; padding: 10px 0; box-shadow: none;}
    .page_investor .investor_left{width: 100%; margin-bottom: 20px; overflow: hidden}
    .page_investor .investor_left .stock_name{margin-bottom: 20px;}
    .page_investor .investor_left .stock_name h1{font-size: 20px; }
    .page_investor .investor_left .stock_name h1 i{font-size: 14px;}
    .page_investor .investor_left .stock_con .stock_li{margin-left:-135px;}
    .page_investor .investor_right{width: 100%;}
    .page_investor .investor_right .annals_title{background: #ba481b; padding: 30px 40px;}
    .page_investor .investor_right .annals_title h1{font-size: 18px;}
    .page_investor .investor_right .annals_list{padding-top: 30px; padding-left: 0; padding-bottom: 30px;}
    .page_investor .investor_right .annals_list .list li .t h1{font-size: 16px; padding-left: 30px;}
    .page_investor .investor_right .annals_link a{font-size: 18px;}

    /*----page_news----*/
    .page_news{margin-top: 30px;}
    .page_news .news_left{width: 100%; margin-right: 0; border-radius: 0; padding: 0; box-shadow: none;}
    .page_news .news_left .list li{margin-bottom: 10px; padding-bottom: 10px;}
    .page_news .news_left .list li .txt h1{font-size: 16px;}
    .page_news .news_left .list li .txt h6{font-size: 14px;}
    .page_news .news_left .list li .txt p{font-size: 14px;}
    .news_right{display: none}

    /*----page_newshow----*/
    .page_newshow{margin-top: 30px; padding-bottom: 20px;}
    .page_newshow .news_left{width: 100%; margin-right: 0; border-radius: 0; padding: 0; box-shadow: none;}
    .page_newshow .news_left .newshow_title{margin-bottom: 20px;}
    .page_newshow .news_left .newshow_title h1{font-size: 16px;}
    .page_newshow .news_left .newshow_title span{font-size: 13px;}
    .page_newshow .news_left .newshow_con p{font-size: 14px;}
    .page_newshow .news_left .newshow_con img{width: 100%;}

    /*----page_contact----*/
    .page_contact{padding-top: 30px;}
    .page_contact .contact_add{margin-bottom: 10px;}
    .page_contact .contact_add .list{margin-right: 0;}
    .page_contact .contact_add .list li{width: 100%; height: auto; margin-right: 0; margin-bottom: 20px; padding: 20px; border-radius: 0; background-size: 0}

    .page_contact .contact_add .list li h1{font-size: 18px; color: #ba481b; margin-bottom: 20px;}
    .page_contact .contact_add .list li p{font-size: 14px;}

    .page_contact .contact_service{padding: 30px 0; border-radius: 0; box-shadow: none; background: url("../image/gywm.jpg") no-repeat left}
    .page_contact .contact_service h1{font-size: 18px;}
    .page_contact .contact_service h6{font-size: 14px; line-height: 22px; margin-right: 0;}
    .page_contact .contact_service p{font-size: 14px;}
	
	.page_contact .contact_adds{margin: 10px 0 20px 0; padding: 20px}
	.page_contact .contact_adds .list li{width: 100%; margin: 0 0 10px 0;}
	

    .page_message{width: 100%; margin-left: 0;}
    .page_message p.yanz {width: 92%;}

    /*----right_list----*/
    .right_list{width: 36px; right: 10px; margin-bottom: 16%;}
    .right_list .li{width: 38px; height: 38px; margin-bottom: 2px; line-height: 38px;}
    .right_list .li i{font-size: 24px;}
    .right_list .li:nth-child(2){display: none}

    .right_list .li .img{width: 120px; height: 150px; position: absolute; top: 0; right: 0; margin: 40px 60px 0 0; background: #fcfcfc; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all ease .3s .1s; -webkit-transition: all ease .3s .1s}
    .right_list .li .img img{width: 100%; display: block; float: none; margin: 0 auto 5px auto;}
    .right_list .li .img p{line-height: 10px; font-size: 13px; color: #333}

    .right_list .li .tel{width: 160px; height: 36px;}
    .right_list .li .tel h3{font-size: 16px; line-height: 40px; }
    .right_list .li .tel h3 i{font-size: 18px;}

    .right_list .li:hover .tel{margin: 0 50px 0 0;}


    /*----page_hr----*/
    .page_hr .hr_con{margin-top: 20px;}
    .page_hr .hr_con .hr_left{width: 100%; padding: 30px 20px}
    .page_hr .hr_con .hr_left p{font-size: 15px; line-height: 26px;}
    .page_hr .hr_con .hr_right{width: 100%;}

    .page_hr .hr_list{padding: 20px 10px; margin-top: 20px;}
    .page_hr .hr_list .list li{width: 48%; margin-bottom: 20px;}



}